.modal-container {
    position: fixed;
    top: 64px;
    right: 0;
    bottom: 0;
    background-color: rgba($color: #4E5969, $alpha: 0.4);
    z-index: 10;

    .modal-content {
        width: 60%;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        border: none;
        overflow: hidden;
        .ant-card-body {
            padding: 0;
        }

        .head {
            padding: 16px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            background: #ffffff url(../../assets/images/bg@2x.png) no-repeat;
            background-size: cover;

            h3 {
                color: #0A1B39;
                font-size: 20px;
                margin: 0;
                padding: 0;
            }

            .close-icon {
                color: rgba($color: #ffffff, $alpha: 0.8);
                font-size: 20px;
                cursor: pointer;
                &:hover{
                    color: rgba($color: #ffffff, $alpha: 1);
                    transition: all 0.05s;
                }
            }
        }
        .ant-form-item-label{
            font-size: 14px;
            font-weight: 600;
            color: #0A1B39;
            padding: 16px !important;
        }
        .ant-radio-wrapper-in-form-item{
            display: flex;
            align-items: end;
            .ant-radio{
                align-self: auto;
                position: relative;
                left: 23px;
                top: -3px;
            }
            p{
                margin: 0;
                padding-left: 23px;
            }
            img{
                width: 100%;
            }
        }
    }
}